<template>
	<view style="background: #FFFFFF;padding: 40rpx 30rpx 15rpx;">
		<view style="display: flex; align-items: baseline; justify-content: space-between;margin-bottom: 40rpx;">
			<view style="font-size: 32rpx;font-weight: 600;">huntaway微信小程序使用说明</view>
			<!-- <view @click="openFile()" style="color: #FFFFFF;margin-left: 10rpx;width: 120rpx;text-align: center;background-color:#34B9C0
			;border-radius: 10rpx;height: 55rpx;line-height: 55rpx;margin-right: 20rpx;font-size: 24rpx;">下载</view> -->
		</view>
		<view>
			<view style="margin-bottom: 20rpx;">1.使用流程</view>
			<view style="text-align: center;margin: auto;">
				<image src="../../static/images/liuchengtu.jpg" @click="clickImage(0)"></image>
			</view>
		</view>
		<view>
			<view style="margin: 30rpx 0;">2.功能介绍</view>
			<view style="text-align: center;margin: auto; display: flex;">
				<image src="../../static/images/mine.jpg" mode='aspectFit' @click="clickImage(1)"></image>
				<image src="../../static/images/shuju.jpg" mode="aspectFit" @click="clickImage(2)"></image>
			</view>
			<!-- 文本 -->
			<view style="margin-top: 30rpx;">
				<view style="margin-bottom: 20rpx;">描述：工作台</view>
				<view style="margin-bottom: 20rpx;">
					<view style="margin-bottom: 10rpx;">功能描述:</view>
					<view>
						<view style="margin-bottom: 10rpx;"><span style="font-weight: 600;">个人中心：</span>可在此查看自己的身份信息，修改密码</view>
						<view style="margin-bottom: 10rpx;"><span style="font-weight: 600;">扫码：</span>用于绑定公司、绑定排班、签到，二维码由huntaway管理员app和huntaway劳务app生成。</view>
						<view style="margin-bottom: 10rpx;"><span style="font-weight: 600;">工作台：</span>用于查看已绑定排班信息和打卡记录，可选择相应日期查看，上班时间以第一次上班签到为准，
						下班时间以最后一次下班签到为准。</view>
					</view>
				</view>
				<view style="margin-bottom: 10rpx;">补充说明：使用流程为：绑定公司—绑定排班—签到（上、下班）</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				photos:[
					{
						id: '0',
						src:'https://space.yltd360.com/prod-api/profile/upload/2022/05/06/liuchengtu_20220506101158A011.jpg'
					},
					{
						id: '1',
						src:'https://space.yltd360.com/prod-api/profile/upload/2022/05/06/mine_20220506101751A013.jpg'
					},
					{
						id: '2',
						src:'https://space.yltd360.com/prod-api/profile/upload/2022/05/06/shuju_20220506101831A014.jpg'
					}
				]
			}
		},
		methods: {
			// 点击图片放大
			clickImage(ito){
				let photoList = this.photos.map(item => {
						return item.src;
					});
				this.photos.map(item => {
						if(item.id == ito){
							uni.previewImage({
								current: ito,
								urls: photoList
							});
						}
					});
				
			}
		}
	}
</script>

<style>

</style>
